<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="//g.alicdn.com/aliyun/console/1.3.23/styles/bootstrap/bootstrap.css" /> 
<link rel="stylesheet" type="text/css" href="//g.alicdn.com/aliyun/console/1.3.23/styles/console1412.css" />
<script src="__PUBLIC__/Js/jquery-1.8.2.min.js"></script>
</head>
<style type="text/css">
body{min-width:1200px;}
.mainmenu_title{padding-left:15px;}
.img_dragdown{ transform:rotate(0deg); margin:0 0 3px 5px;}

.userOpsMenu{list-style:none; width:100%; margin:0; padding:0; background-color:#F66; height:0px; overflow:hidden;}
.userOpsMenu li{width:100%; text-align:center; background-color:#FFF; border:#CCC 1px solid; border-top:0; padding:10px 0; font-size:12px;}
.userOpsMenu li:hover{background-color:rgb(0,143,191); color:#FFF;}

.userWarn{list-style:none; width:350px; margin:0; padding:0; background-color:#FFF; height:0px; overflow:hidden; position:absolute; right:-3px; top:50px;}
.userWarn li{background-color:#999; color:#FFF; text-align:left; font-size:14px; font-weight:blod; padding:8px 20px;}
.userWarn a li{width:100%; height:auto; text-align:left; color:#369; background-color:#FFF; border:#CCC 1px solid; border-top:0; padding:6px 20px; font-size:12px; cursor:pointer;}
.userWarn a li:hover{background-color:rgb(240,240,240);}

.menu_icon{width:23px; margin-right:13px;}

iframe{min-width:1200px}
</style>

<body>
<!--header-->
 <div>
   <div class="viewFramework-topbar ng-scope" data-spm="101" ng-if="config.showTopbar">
    <div class="aliyun-console-topbar ng-isolate-scope" aliyun-console-topbar="" workorder-id="config.workorderId" product-id="config.productId">
     <div class="topbar-wrap topbar-clearfix">
     
      <div class="topbar-head topbar-left" style="width:180px;" align="center">
       	<img src="__PUBLIC__/Image/logo1.png" height="80%">
      </div>
      <!--
      <div class="topbar-nav topbar-left dropdown">
       <a href="#" class="dropdown-toggle topbar-btn topbar-nav-btn" data-toggle="dropdown" aliyun-console-spm="3" data-spm-click="gostr=/aliyun;locaid=d3;;">
       	<span class="ng-binding">产品服务</span><span class="icon-arrow-down"></span></a>
       <div class="dropdown-menu topbar-nav-list topbar-clearfix">
        <div data-ng-repeat="col in categoryInfo" class="topbar-nav-col ng-scope"></div>
       </div>
      </div>
      -->
      
      <div class="topbar-info topbar-right">
       <div class="topbar-left" style="position:relative;">
		<div class="dropdown topbar-notice topbar-btn topbar-left ng-scope"  onClick="clickUserWarn()">
         <a class="dropdown-toggle topbar-btn-notice"><span class="topbar-btn-notice-icon icon-bell"></span><span class="topbar-btn-notice-num ng-binding">8</span></a>	
        </div>
        <div style="clear:both"></div>
        <div>
        	<ul class="userWarn">
            	<li><b>站内提醒</b></li>
                <a><li>1条提醒</li></a>
                <a><li>2条提醒</li></a>
                <a><li style="text-align:center">查看更多...</li></a>
            </ul>
        </div>
       </div>
       
       <div class="topbar-right">
       <!--
        <div ng-repeat="entry in navLinks.entrances" class="topbar-left ng-scope">
         <span class="topbar-info-gap ng-scope" ng-if="$index != 0"></span>
         <div class="topbar-info-item ng-scope" ng-if="!entry.links">
          <a href="http://beian.aliyun.com/" class="topbar-btn ng-binding">备案</a>
         </div>
        </div>
        
        <div ng-repeat="entry in navLinks.entrances" class="topbar-left ng-scope">
         <span class="topbar-info-gap ng-scope" ng-if="$index != 0"></span>
         <div class="topbar-info-item ng-scope" ng-if="!entry.links">
          <a href="http://beian.aliyun.com/" class="topbar-btn ng-binding">备案</a>
         </div>
        </div>
       -->
        <div class="topbar-left">
         <span class="topbar-info-gap"></span>
         <div class="dropdown topbar-info-item" style="min-width:150px; text-align:center;" onClick="clickUserOps()" >
          <a class="dropdown-toggle topbar-btn">{$Think.session.bw_user.nickname}
          <img align="absmiddle" src="__PUBLIC__/Image/sanjiao.png" width="15px" class="img_dragdown"></a>
          	<ul class="userOpsMenu">
            	<a onClick="changePwd()"><li>更改密码</li></a>
                <a href="../User/toLogout"><li>退出登录</li></a>
            </ul>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
   
<!--header end-->

<div class="viewFramework-body viewFramework-sidebar-full" style="background-color:#FFF">
	<div class="viewFramework-sidebar" data-spm="102" style=" float:left">

       <div id="sqmenu" class="sidebar-fold ng-scope icon-unfold"></div>
       
       <div class="sidebar-nav main-nav" ng-class="{'sidebar-nav-fold':navConfig.product.folded}" ng-show="navConfig.product.show">
    		<foreach name="Think.session.bw_MyMenu" item="menu">
    			<div class="sidebar-title" ng-click="toggleFoldStatus($event,navConfig.product)">
         		<div class="sidebar-title-inner ng-scope main_menu_list" sidebar-tooltip="" tooltip-append-to-body="true" tooltip-placement="right" tooltip-animation="true">
          		<div href="{$menu.url}" class="mainmenu_title"><img src="__PUBLIC__/Image/{$menu.icon}" class="menu_icon">{$menu.title}</div>
         		</div> 
        		</div>
    		</foreach>
		</div>
	</div>
   
    
    <div class="div_iframe" style="float:right; height:100%; width:100%; min-width:1000px">
    	<iframe class="iframe" width="100%" height="99%" frameborder="0"></iframe>
    </div>
    
  </div> 
</body>
<script language="javascript">
var screenWidth, screenHeight, clickUserOpsStatus=0, clickUserWarnStatus=0;
	userOpsMenuHeight=$(".userOpsMenu").children("a").length*38,userWarnHeight=$(".userWarn").children("a").length*29.5+38;
toRun();
function toRun(){
	screenWidth	= $(window).width();
	$(".div_iframe").css("width",screenWidth-180+'px');
	$(".iframe").attr("src","../../"+$(".main_menu_list").children(".mainmenu_title").eq(0).attr("href"));
	$(".mainmenu_title").eq(0).css("background-color","rgb(0,143,191)");
}

function clickUserWarn(){
	if(clickUserWarnStatus == 0){
		$(".userWarn").animate({height:userWarnHeight+'px'},200);
		clickUserWarnStatus = 1;
	}else{
		$(".userWarn").animate({height:0},200);
		clickUserWarnStatus = 0;
	}
}
function clickUserOps(){
	if(clickUserOpsStatus == 0){
		$(".img_dragdown").css("-webkit-transform","rotate(180deg)");
		$(".userOpsMenu").animate({height:userOpsMenuHeight+'px'},200);
		clickUserOpsStatus = 1;
	}else{
		$(".img_dragdown").css("-webkit-transform","rotate(0deg)");
		$(".userOpsMenu").animate({height:'0px'},200);
		$(this).css("background-color","");
		clickUserOpsStatus = 0;
	}
}

function changePwd(){
	$(".iframe").attr("src","../User/changePwd");
	$(".mainmenu_title").css("background-color","");
}

$(".mainmenu_title").click(function(){
	$(".mainmenu_title").css("background-color","");
	$(this).css("background-color","rgb(0,143,191)");
});

$("#sqmenu").click(function(){
	if($(".viewFramework-sidebar").width()>100){
		$(this).css("text-align","left").css("padding-left","20px");
		$(".viewFramework-sidebar").css("width","50px");
		$(".div_iframe").css("width",screenWidth-50+'px');
	}else{
		$(this).css("text-align","center").css("padding-left","0px");
		$(".viewFramework-sidebar").css("width","180px");
		$(".div_iframe").css("width",screenWidth-180+'px');
	}
});

$(".mainmenu_title").click(function(){
	$(".iframe").attr("src","../../"+$(this).attr("href"));
});
</script>
</html>
